@import url(../../resource/css/owl.carousel.min.css);
@import url("http://at.alicdn.com/t/font_1144939_pdz8umy9ap.css");
body {
  overflow-x: hidden;
  font-family: "Microsoft YaHei"; }

.box{
    display:inline-block;
    overflow: hidden;
    height: 296px
}

ul {
  padding: 0;
  margin: 0; }

ul li {
  list-style: none; }

a {
  color: #337ab7;
  text-decoration: none; }

h1, h2, h3, h4, h5 {
  margin: 0; }

a:focus,
a:hover {
  color: #23527c;
  text-decoration: none; }

a:focus {
  outline: none;
  outline-offset: -2px; }

#toolbar {
  position: fixed;
  z-index: 9999;
  right: 17px;
  bottom: 10%; }
  #toolbar li {
    margin-bottom: 3px;
    font-size: 0;
    width: 57px;
    height: 57px;
    right: 0;
    position: relative; }
    #toolbar li a {
      display: block;
      position: absolute;
      z-index: 9;
      right: 0;
      top: 0;
      width: 57px;
      height: 57px;
      overflow: hidden;
      background: #292e39;
      transition: all .5s ease;
      white-space: nowrap;
      font-size: 0; }
    #toolbar li .iconfont {
      display: inline-block;
      vertical-align: middle;
      width: 57px;
      height: 57px;
      background-color: #d9d9d9;
      vertical-align: middle;
      text-align: center;
      line-height: 57px;
      color: #2b2b2b;
      font-size: 26px; }
    #toolbar li .wz {
      display: inline-block;
      line-height: 57px;
      font-size: 14px;
      color: #fff;
      vertical-align: middle;
      padding-left: 10px; }
    #toolbar li.ewm .ewm-box {
      position: absolute;
      z-index: 1;
      padding: 5px;
      background: #292e39;
      width: 110px;
      right: 120%;
      bottom: -35px;
      opacity: 0;
      visibility: hidden;
      transform: translateX(100%);
      transition: all .7s; }
      #toolbar li.ewm .ewm-box p {
        margin-bottom: 0; }
      #toolbar li.ewm .ewm-box img {
        max-width: 100%; }
      #toolbar li.ewm .ewm-box:after {
        content: '';
        position: absolute;
        right: -5px;
        bottom: 20px;
        width: 0;
        height: 0;
        line-height: 0;
        font-size: 0;
        overflow: hidden;
        border-width: 5px;
        cursor: pointer;
        border-style: dashed dashed dashed solid;
        border-color: transparent transparent transparent #292e39;
        border-right: none; }
    #toolbar li.ewm:hover .icon {
      background-position: -57px -180px; }
    #toolbar li.ewm:hover .ewm-box {
      opacity: 1;
      visibility: visible;
      transform: translateY(0); }
    #toolbar li.backtop {
      cursor: pointer; }
      #toolbar li.backtop .iconfont {
        color: #fff;
        background-color: #292e39; }
    #toolbar li:hover a {
      width: 200px; }
    #toolbar li:hover .iconfont {
      background-color: #292e39;
      color: #fff; }
  @media (max-width: 990px) {
    #toolbar {
      display: none; } }

* {
  margin: 0;
  padding: 0; }

.v-article, .article {
  width: 1200px;
  margin: 0 auto;
  position: relative; }

.article {
  overflow: hidden; }

.clearfix::before, .clearfix::after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; }

.fl {
  float: left; }

.fr {
  float: right; }

a, a:hover, a:active, a:visited {
  color: inherit; }

header {
  position: absolute;
  z-index: 100;
  left: 0;
  top: 33px;
  width: 100%; }

.app-menu {
  width: 730px;
  margin-top: 40px;
  position: relative; }
  .app-menu > li {
    float: left;
    width: 80px;
    text-align: center;
    padding: 0 12px;
    position: relative;
    box-sizing: content-box; }
    .app-menu > li > a {
      display: block;
      font: 17px/30px "Microsoft YaHei";
      color: #fff; }
    .app-menu > li .app-pull-dowm {
      box-sizing: content-box;
      position: absolute;
      top: 100%;
      padding: 18px 26px 26px;
      width: 496px;
      background: rgba(255, 255, 255, 0.5);
      transform: translateY(4px);
      left: -128px;
      display: none; }
      .app-menu > li .app-pull-dowm ul {
        width: 127px; }
        .app-menu > li .app-pull-dowm ul li {
          text-align: center;
          font: 14px/40px "Microsoft YaHei";
          background-color: #fff;
          margin-bottom: 4px;
          color: #525050;
          position: relative;
          transition: .2s ease; }
          .app-menu > li .app-pull-dowm ul li a {
            position: relative;
            z-index: 5; }
          .app-menu > li .app-pull-dowm ul li:before {
            content: "";
            position: absolute;
            z-index: 2;
            width: 4px;
            height: 100%;
            left: 0;
            top: 0;
            background-color: #983530;
            transition: .2s ease-out; }
          .app-menu > li .app-pull-dowm ul li:hover {
            color: #fff; }
            .app-menu > li .app-pull-dowm ul li:hover:before {
              width: 100%; }
      .app-menu > li .app-pull-dowm .pull-img {
        padding-left: 20px;
        height: 220px;
        border-left: 1px solid #7c7b7b; }
        .app-menu > li .app-pull-dowm .pull-img img {
          box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
          width: 321px;
          height: 220px; }
  .app-menu .line {
    width: 80px;
    height: 4px;
    background-color: #983530;
    position: absolute;
    top: 30px; }
    .app-menu .line.low {
      transition-duration: .5s;
      transition-delay: .5s;
      transform: scale(0, 1); }

.demo-banner {
  width: 100%;
  overflow: hidden;
  position: relative; }
  .demo-banner .owl-dots {
    position: absolute;
    z-index: 10;
    bottom: 28px;
    width: 660px;
    left: calc(50% - 600px);
    text-align: right; }
    .demo-banner .owl-dots button {
      display: inline-block;
      vertical-align: top;
      border: 1px solid #fff;
      margin: 0 7px;
      border-radius: 100%;
      outline: none; }
      .demo-banner .owl-dots button span {
        display: block;
        width: 9px;
        height: 9px;
        margin: 2px;
        background-color: #fff;
        border-radius: 100%; }
      .demo-banner .owl-dots button.active {
        border-color: #983530; }
        .demo-banner .owl-dots button.active span {
          background-color: #983530; }

.z1 {
  padding-top: 45px;
  background: url(../images/z1Bg.jpg) center top no-repeat; }
  .z1 h1 {
    font: 16px/1 "Microsoft YaHei";
    color: #282828; }
    .z1 h1 span {
      display: block;
      font: 26px/50px "Microsoft YaHei";
      text-transform: uppercase; }
      .z1 h1 span i {
        font-style: normal;
        color: #983530; }
    .z1 h1:after {
      content: "";
      display: block;
      width: 38px;
      height: 7px;
      background-color: #983530;
      margin-top: 5px; }
  .z1 .z1-l {
    width: 604px; }
    .z1 .z1-l .z1-l-summary {
      margin-top: 40px;
      font: 20px/15px "Microsoft YaHei";
      color: #282828;
      text-transform: uppercase; }
  .z1 .z1-r {
    width: 400px; }
    .z1 .z1-r h1 span {
      font-weight: bold; }
    .z1 .z1-r h2 {
      margin-top: 40px;
      font: bold 26px/30px "Microsoft YaHei";
      color: #282828; }
    .z1 .z1-r ul {
      margin-top: 40px;
      padding-left: 10px;
      border-left: 2px solid #c3c3c3; }
      .z1 .z1-r ul li {
        font: 16px/1 "Microsoft YaHei";
        color: #4c4c4c;font-weight:bold; }
        .z1 .z1-r ul li:hover {
          color: #983530; }
        .z1 .z1-r ul li:not(:last-child) {
          margin-bottom: 15px; }
  .z1 .z1-b {
    margin-top: 28px;
    position: relative;
    width: 951px;
    height: 296px; }
    .z1 .z1-b div {
      position: absolute;
      z-index: 10;
      top: 170px;
      left: 30px; }
      .z1 .z1-b div h2 {
        font: 16px/1 "Microsoft YaHei";
        color: #fff; }
        .z1 .z1-b div h2 span {
          display: block;
          font: bold 26px/50px "Microsoft YaHei";
          color: #983530;
          text-transform: uppercase; }
    .z1 .z1-b .box> img {
      /*box-shadow: -4px 4px 5px rgba(0, 0, 0, 0.4);*/
      transition: .5s ease; }
    .z1 .z1-b:hover .box> img {
      transform: scale(1.05); }

.z2 {
  margin-top: 65px; }
  .z2 h1 {
    text-align: center;
    font: 20px/1 "Microsoft YaHei";
    color: #5f5f5f; }
    .z2 h1 span {
      display: block;
      font: bold 32px/56px "Microsoft YaHei";
      color: #282828;
      text-transform: uppercase; }
      .z2 h1 span b {
        color: #983530; }
    .z2 h1:after {
      content: "";
      display: block;
      width: 35px;
      height: 4px;
      margin: 5px auto;
      background-color: #983530; }
  .z2 h2 {
    text-align: center;
    font: 16px/56px "Microsoft YaHei";
    color: #585757; }
  .z2 .z2-arrow {
    text-align: center;
    padding-top: 80px;
    position: relative;
    margin-bottom: 20px; }
    .z2 .z2-arrow:after {
      content: "";
      position: absolute;
      height: 80px;
      width: 1px;
      background-color: #983530;
      top: 0;
      left: 50%; }
    .z2 .z2-arrow img {
      cursor: pointer; }
    .z2 .z2-arrow .next {
      margin-left: 54px;
      transform: scale(-1, 1); }
  .z2 ul li {
    float: left;
    position: relative;
    margin-right: 40px;
    width: 374px;
    height: 237px;
    overflow: hidden; }
    .z2 ul li h3 {
      position: absolute;
      z-index: 5;
      padding: 15px;
      left: 0;
      bottom: 0;
      width: 100%;
      background-color: rgba(152, 53, 48, 0.8);
      font: 20px/2 "Microsoft YaHei";
      color: #fff;
      transition: .4s ease;
      transform: translateY(100%); }
      .z2 ul li h3 span:after {
        content: "";
        display: block;
        width: 86px;
        height: 4px;
        background-color: #fff; }
    .z2 ul li img {
      transition: .4s ease;
      width: 100%; }
    .z2 ul li:hover img {
      transform: scale(1.1); }
    .z2 ul li:hover h3 {
      transform: none; }

.z3 {
  margin-top: 45px;
  padding-top: 45px;
  background: url(../images/z3Bg.jpg) center top no-repeat;
  padding-bottom: 30px; }
  .z3 .z3-l {
    width: 750px; }
    .z3 .z3-l dl dt {
      width: 750px;
      height: 450px;
      margin-bottom: 30px;
      border-radius: 17px;
      overflow: hidden;
      position: relative; }
      .z3 .z3-l dl dt.no-img {
        background-color: #ccc; }
      .z3 .z3-l dl dt:after {
        content: "";
        position: absolute;
        right: 100%;
        height: 100%;
        width: 100%;
        background: url(../images/ss.png) center no-repeat rgba(0, 0, 0, 0.5);
        z-index: 5; }
      .z3 .z3-l dl dt img {
        transition: .8s; }
    .z3 .z3-l dl dd > a {
      margin-right: 45px; }
    .z3 .z3-l dl dd div > a {
      font: 24px/54px "Microsoft YaHei";
      display: inline-block;
      color: #333;
      position: relative; }
      .z3 .z3-l dl dd div > a:after {
        content: "";
        position: absolute;
        width: 80px;
        height: 3px;
        z-index: 10;
        bottom: 0;
        left: 0;
        background-color: #983530; }
      .z3 .z3-l dl dd div > a:before {
        content: "";
        position: absolute;
        width: 500px;
        height: 3px;
        z-index: 5;
        bottom: 0;
        left: 0;
        background-color: #333; }
    .z3 .z3-l dl dd div p {
      font: 14px/2 "Microsoft YaHei";
      color: #333;
      margin-top: 15px; }
    .z3 .z3-l dl:hover dt:after {
      right: 0;
      transition: .8s; }
    .z3 .z3-l dl:hover dt img {
      transform: scale(1.2); }
  .z3 .z3-r {
    width: 320px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 40px; }
    .z3 .z3-r li {
      width: 120px;
      text-align: center;
      filter: grayscale(100%);
      transition: .3s;
      margin-bottom: 60px; }
      .z3 .z3-r li span {
        display: block;
        line-height: 96px; }
        .z3 .z3-r li span img {
          vertical-align: middle; }
      .z3 .z3-r li a {
        display: block;
        font: 16px/35px "Microsoft YaHei";
        color: #333;
        white-space: nowrap; }
      .z3 .z3-r li:hover, .z3 .z3-r li.on {
        filter: none; }

.z4 {
  background-color: #202020; }
  .z4 > div {
    display: flex; }
    .z4 > div dl {
      border-right: 2px solid #4d4d4d;
      height: 160px;
      display: flex; }
      .z4 > div dl dt {
        width: 160px;
        text-align: center;
        transition: .3s; }
        .z4 > div dl dt > span {
          display: block;
          line-height: 80px;
          padding-top: 20px; }
          .z4 > div dl dt > span img {
            vertical-align: middle; }
        .z4 > div dl dt h3 {
          font: bold 14px/24px "Microsoft YaHei";
          color: #fff; }
          .z4 > div dl dt h3 span {
            font-size: 12px;
            display: block;
            font-weight: normal;
            line-height: 1; }
      .z4 > div dl dd {
        transition: .3s;
        font: 12px/2 "Microsoft YaHei";
        color: #fff;
        width: 0;
        overflow: hidden; }
      .z4 > div dl.on dt {
        background-color: #983530; }
      .z4 > div dl.on dd {
        width: 350px;
        padding: 15px 15px 0 20px; }
      .z4 > div dl:last-child {
        border-right: none; }

footer {
  height: 50px;
  background: url(../images/footer.png) center no-repeat;
  font: 14px/50px "Microsoft YaHei";
  color: #fff; }
  footer img {
    vertical-align: middle; }
  footer .foot-admin {
    padding-left: 22px;
    background: url(../images/shi.png) left center no-repeat;
    margin-left: 70px; }
  footer .foot-tel {
    font-size: 16px; }

/*# sourceMappingURL=z.css.map */